<template>
    <div>
         <cvue-table
            :option="tableOption"
            :data="tableData"
            ref="tbl1"
            :isShowAdd="false"
            :page="page"
            :tablePage="page.currentPage"
            :pageSize="page.pageSize"
            :loading="tableLoading"
            @current-change="handleCurrentChange"
            @size-change="handleSizeChange"
            :isShowPage="false"
        >
            <template slot-scope="scope" slot="operate">
               
                <el-button  type="text">立即设置</el-button>
               
            </template>
        
        </cvue-table>

        <div class="bot-p">
            <el-button type="primary">立即设置亲情号码</el-button>
        </div>
    </div>
</template>
<script>
import cvueTable from '@/components/cvue-table'
export default {
     components: {
        cvueTable
    },
    data () {
        return {
            a: '',

            tableLoading: false,
            page: {
                total: 0, // 总页数
                currentPage: 1, // 当前页数
                pageSize: 10, // 每页显示多少条
                pageSizes: [10, 20, 30, 40, 50]
            },
            tableOption: {
                stripe: false,
                width: '100%',
                border: true,
                index: false,
                cloumn: [
                    { prop: 'a', label: '关系', align: 'center' },
                    { prop: 'a', label: '电话号码', align: 'center' },
                    { prop: 'a', label: '显示状态', align: 'center' },
                    { prop: 'a', label: '设备设置状态', align: 'center' },
                    { prop: 'a', label: '物联网卡白名单设置', align: 'center' },
                   
                    { prop: 'operate', label: '操作', align: 'center', slotStatus: true }
                ]
            },
            tableData: [{a: 1}]
        }
    },
    methods: {
        // 改变pagesize
        handleSizeChange (val) {
            this.page.pageSize = val
            this.getList()
        },
        // 改变页码
        handleCurrentChange (val) {
            this.page.currentPage = val
            this.getList()
        },
        getList () {

        }
    }
}
</script>
<style scoped>
.bot-p{
    text-align: center;padding: 20px 0 0 0;
}
</style>
